<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>캠핑예약화면</title>
<style type="text/css">
body {
	background-image: url("./jpg1.jpg");
}

/* UI Object */
body{_text-align:center}
/* #wrap{width:1020px;margin:0 auto;_text-align:left} */
#wrap{width:100%;margin:0 auto;_text-align:left}
#header{width:100%;}
#container{width:100%;display:inline-block}
#container:after{display:block;clear:both;content:''}
.snb{float:left;width:180px}
#content{float:right;width:400px}
#footer{width:100%}

/* Layout Color - 실제 서비스 적용 후 아래 코드는 삭제 하세요 */
/*  div{margin:0 0 10px;padding:10px 0;color:#2d2c2d;font-family:Tahoma;font-size:14px;font-weight:bold}   */
  #wrap{_width:620px;padding:10px;}   
   #header{margin-top:0px;height: 173px;}    
/*  #header,#container{padding:15px;border:2px solid #bfbfbf;background:#e5e5e5}   */
/*  #header,#container{width:auto}   */
/*  .snb,#content{margin-top:10px;border:1px solid #bdbdbd;background:#fff;text-align:center}   */
/*  #content{width:380px;height:200px}   */
/*  #footer{width:auto;padding:10px;border:2px solid #bfbfbf;background:#e5e5e5}   */
/* //UI Object */
</style>
</head>
<body>
<!-- UI Object -->
<div id="wrap">
<!-- 	<p>#wrap</p> -->
	<!-- header -->
	<div id="header" >
		
		<div>
			<img alt="" src="./camping_logo.jpg">
			<img alt="" src="./icon_tent.jpg" style="float: right;">
			<br>
			<img alt="" src="./icon_tent.jpg" style="float: right;">
		</div>

		<img alt="" src="./reservation_img.jpg">
		asas
	</div>
	<!-- //header -->
	<!-- container -->
	<div id="container">
		<p>#container</p>
		<!-- snb -->
		<div class="snb">
			<p>.snb</p>
		</div>
		<!-- //snb -->
		<!-- content -->
		<div id="content">
			<p>#content</p>
		</div>
		<!-- //content -->
	</div>
	<!-- //container -->
	<!-- footer -->
	<div id="footer">
		<p>#footer</p>
	</div>
	<!-- //footer -->
</div>
	<!-- //UI Object -->
</body>
</html>